-
Notifications
You must be signed in to change notification settings - Fork 45
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Create a Size Selector Component #265
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Temos um problema de comportamento, precisamos que quando um size for selecionado ele seja animado para o centro e ai fique em destaque, da forma que está agora é um problema de usabilidade
Essa sessão aqui é um bom exemplo, porém precisamos que a troca de size tambem seja animada alem da troca de posição
https://www.medcel.com.br/serie
b969706
to
f013e61
Compare
955eb5b
to
524dce6
Compare
refiz todo o componente e agora parece estar adequado para o que queremos. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
É O HOMEM, só um ajuste de css minimo
feat: add responsive chore: changed imgs to template sting fix: translation bug mobile fix: add aria-checked event feat: create new sizeSelector feat: create methods and add navigation with keyboard feat: finish component fix: remove css noPet fix: remove justify-content: center
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ow, tu é potente pra caralho vai toma no cu memo asfuytasfigfrbvtasudfyihgas
Closes #23
Feature
Criação do componente de seleção de peso.
Visual evidences 🖼️
DESKTOP
![desktop](https://private-user-images.githubusercontent.com/13170219/350198638-e719167c-16b4-4570-9861-62c688e9786f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ5NzAwMDMsIm5iZiI6MTcyNDk2OTcwMywicGF0aCI6Ii8xMzE3MDIxOS8zNTAxOTg2MzgtZTcxOTE2N2MtMTZiNC00NTcwLTk4NjEtNjJjNjg4ZTk3ODZmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI5VDIyMTUwM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTA5YzZlODAwODdmNjRiNDI2ZTcxYjNjMDZmMDQwM2YzYmVkZmQ2MDkyZmUwOTRmMDk4MWQ1NTZhZjI3ODgxZGUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.A9gDIFZQ8CqioR1zRzME9EqTAehWth23SHEWPjnoQzs)
MOBILE
![mobile](https://private-user-images.githubusercontent.com/13170219/350198612-1b63ab73-8977-4435-8184-0673987cc6f9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ5NzAwMDMsIm5iZiI6MTcyNDk2OTcwMywicGF0aCI6Ii8xMzE3MDIxOS8zNTAxOTg2MTItMWI2M2FiNzMtODk3Ny00NDM1LTgxODQtMDY3Mzk4N2NjNmY5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI5VDIyMTUwM1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWNmMGYwM2EzYjA3NzE5N2VhMGRmNmU1NjVlZDAwM2MxN2VmNzBjYjA3Nzg1NDA0OWEyY2MyMWNhZTJiOWVmNGUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.eg4GIh2yXvVBzT9L_1pUmW3D_p4JgZPfcxrRoWGUzZw)
Checklist
Additional info
N/A